﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新化学物质常规申报信息管理系统</title>
    <!-- 字体图标 -->
    <link href="../../resources/scripts/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <!-- 基类样式 -->
    <link href="../css/base.css" rel="stylesheet" />
    <!-- 首页样式 -->
    <link href="../css/layout.css" rel="stylesheet" />
    
    <script src="../../resources/scripts/jquery/jquery-2.1.3.js"></script>

    <!-- 三方工具类 -->
    <script src="../../resources/scripts/lodash.js"></script>

    <!-- vue -->
    <script src="../../resources/scripts/vue-2.4.4/vue.min.js"></script>

    <script src="../../resources/scripts/jquery.slimscroll.js"></script>
</head>

<body>
    <div class="container" id="app">

        <div id="top_tips_wrap" class="clearfix">
            <div class="top_tips_left fl wp40">
                <span>新化学物质常规申报信息管理系统</span>
                <span>智慧环保</span>
            </div>
            <div class="top_tips_right  fr wp60 inline-block-container">



                <div id="fullscreen-toggler">
                    <i class="fa fa-user-circle-o"></i>
                    <span>全屏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>收藏</span>
                </div>


                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>
                        <a href="help.html" target="_blank">帮助</a>
                    </span>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>下载</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">谷歌浏览器下载</a>
                        </li>
                        <li>
                            <a href="">IE浏览器下载</a>
                        </li>

                    </ul>
                </div>

                <div>
                    <i class="fa fa-user-circle-o"></i>
                    <span>王孟贵,您好</span>
                    <i class="fa fa-angle-down"></i>
                    <ul>
                        <li>
                            <a href="">人个信息</a>
                        </li>
                        <li>
                            <a href="">安全设置</a>
                        </li>

                    </ul>
                </div>

            </div>
        </div>

        <div id="head_nav_wrap" class="inline-block-container clearfix">

            <div class="logo ohid border_right_none clearfix">
                <span class="logo_big">
                    梦兰神彩
                </span>
                <span class="logo_small">梦</span>
            </div>
            <div class="fun fr inline-block-container  clearfix">
                <div class="each_right_fun each_right_fun_search">
                    <input type="text" class="nav-search">
                    <i class="fa fa-search"></i>
                </div>
                <div class="each_right_fun">
                    <i class="fa fa-bell"></i>
                    <ul class="each_right_fun_msg_ul">
                        <li>
                            <span>消息通知</span>
                            <a href="" class="c_3385ff">(21)</a>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">

                                </span>

                                <span>消息类型</span>
                                <span class="time">
                                    09-06
                                    12:00
                                </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">

                                </span>

                                <span>消息类型</span>
                                <span class="time">
                                    09-06
                                    12:00
                                </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <div class="top clearfix">
                                <span class="left_icon">

                                </span>

                                <span>消息类型</span>
                                <span class="time">
                                    09-06
                                    12:00
                                </span>
                            </div>
                            <div class="msg_content">
                                轻轻的我走了,正如我轻轻地来,我轻轻的招手,作别西天的云彩...
                            </div>
                        </li>
                        <li>
                            <a href="">查看更多...</a>
                        </li>

                    </ul>
                </div>
                <div class="each_right_fun">
                    <a href="http://www.baidu.com" class="fa fa-sign-out"></a>
                </div>
            </div>


        </div>

        <div id="main_wrap" class="clearfix">

            <div id="main_side">
                <side-menu-sc></side-menu-sc>
            </div>


            <main-content-sc v-bind:url="innerPage.url" v-bind:title="innerPage.title" v-bind:has-top="innerPage.hasTop"></main-content-sc>

        </div>



    </div>

    <template id="side_menu_tpl" class="vue-tpl">

        <ul class='nav_ul_one'>

            <li v-for="(one,index) in menuList" v-bind:data-id="one.id" v-bind:data-pid="one.pid" v-bind:class="{ 'active': one.active }" v-on:click.stop="oneMenuClick(one,index)">

                <a class="f_item inline-block-container clearfix">
                    <i class="fa fa-bank"></i>
                    <span>{{ one.menuName }}</span>
                    <i v-if="one.children!=null&&one.children.length>0" class="fa  nav-right-icon" v-bind:class="{ 'fa-angle-up': one.active,'fa-angle-down': !one.active }">&nbsp;</i>
                </a>

                <ul v-if="one.children && one.children.length>0" class="nav_ul_two">

                    <li v-for="(two,subIndex) in one.children" v-bind:class="{ 'active': two.active }" v-bind:data-id="two.id" v-bind:data-pid="one.pid" v-on:click.stop="twoMenuClick(two,subIndex,index)">
                        <span>{{ two.menuName }}</span>
                    </li>

                </ul>

            </li>


        </ul>

    </template>

    <template id="main_content_tpl" class="vue-tpl">

        <div id="main_content" v-bind:class="{'no_main_content_top':!hasTop}">

            <div class="main_content_top" v-if="hasTop">

            </div>

            <div id="content-main">
                <iframe class="J_iframe" name="iframe0" width="100%" height="100%" v-bind:src="url" frameborder="0" v-bind:data-id="url" seamless></iframe>
            </div>

        </div>
    </template>

    <script src="../scripts/layout.js"></script>

</body>

</html>